@import "variables.scss";

.pkl-sync {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    .line {
        text-align: left;
        border-bottom: 1px solid #ccc;
        background: #fff;
        display: -webkit-flex;
        &:last-child {
            border-bottom: 1px solid #ccc;
        }

       .arrow {
            -webkit-flex: 1;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            display: -webkit-flex;
            color: #212121;
            font-size: 1rem;
       } 

        .content {
            padding: 1rem;
            -webkit-flex: 6;
            .inline {
                display: flex;
                margin-bottom: .4rem;
            }
        }
    }

    .rank {
        color: red;
        margin-right: .5rem;
    }

    .date {
        text-align: left;
    }

    .status {
        background: #e27c05;
        padding: 0rem .5rem;
        border-radius: .2rem;
        color: #ffffff;
        margin-left: 1rem;
    }

    .accounts-box-center {
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }

    .nomargin {
        margin: 0;
    }

    .ant-modal-body {
        margin: 0;
        padding: 0;
    }

    .sync_btn {
        width: 100%;
        background: #51bbb8;
        color: #fff;

        &:active {
            background: #029de2;
        }
    }

    .pkl-club-title-line {
        border-bottom: 1px solid #ccc;
    }

    .list {
        -webkit-flex: 1;
        overflow: scroll;
    }

    .nodata {
        text-align: center;
        border-bottom: 1px solid #ccc;
        background: #fff;
        padding: 1rem;
    }

    .rounds {
        -webkit-flex-direction: column;

        .roundName {
            margin-left: 2rem;
            display: inline-block;
            width: auto;
            font-weight: bold;
        }
    }
}
